<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta charset="utf-8"/>
    <title>用户登录</title>
    <meta name="description" content="User login page"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
    <link rel="Bookmark" href="__ROOT__/favicon.ico">
    <link rel="Shortcut Icon" href="__ROOT__/favicon.ico"/>
    <!-- bootstrap & fontawesome必须的css -->
    <link rel="stylesheet" href="__PUBLIC__/ace/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="__PUBLIC__/ace/css/login.css"/>
    <!--[if lt IE 9]>
    <script src="__PUBLIC__/others/html5shiv.min.js"></script>
    <script src="__PUBLIC__/others/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<div style="height:1px;"></div>
<div class="login">
    <header>
        <h1><span class="glyphicon glyphicon-lock"> WJFCMS</span>  后台管理</h1>
    </header>
    <div class="sr">
        <form class="ajaxForm3" name="runlogin" id="runlogin" method="post" action="{:url('admin/Login/runlogin')}">
            <fieldset>
            <div class="name">
                <label>
                    <i class="sublist-icon glyphicon glyphicon-user"></i>
                </label>
                <input type="text" name="admin_username" id="admin_username" placeholder="这里输入登录名" class="name_inp">
            </div>
            <div class="name">
                <label>
                    <i class="sublist-icon glyphicon glyphicon-pencil"></i>
                </label>
                <input type="password" name="admin_pwd" id="admin_pwd" placeholder="这里输入登录密码" class="name_inp">
            </div>
                {if condition="config('geetest.geetest_on')"}
                <div id="captcha"></div>
                <div class="space-6"></div>
                {else /}
                <label class="block clearfix">
                    <span class="block input-icon input-icon-right">
                        <input type="text" class="form-control" name="verify" id="verify" placeholder="输入验证码" required/>
                        <i class="ace-icon fa fa-sort-alpha-asc"></i>
                    </span>
                </label>
                <label class="block clearfix">
                    <span class="block text-center">
                        <img class="verify_img" id="verify_img" src="{:url('admin/Login/verify')}" onClick="this.src='{:url('admin/Login/verify')}'+'?'+Math.random()" style="cursor: pointer;width:100%;border: 1px solid #d5d5d5;" title="点击获取">
                    </span>
                </label>
                {/if}
            <div class="clearfix">
                <label class="inline">
                    <input name="rememberme" type="checkbox" class="ace"/>
                    <span class="lbl"> 记住信息</span>
                </label>
                <button class="dl">立即登陆</button>
            </div>
            </fieldset>
        </form>
    </div>
</div>

<!-- 基本的js -->
<!--[if !IE]> -->
<script src="__PUBLIC__/others/jquery.min-2.2.1.js"></script>
<!-- <![endif]-->
<!-- 如果为IE,则引入jq1.12.1 -->
<!--[if IE]>
<script src="__PUBLIC__/others/jquery.min-1.12.1.js"></script>
<![endif]-->
<!-- jquery.form、layer、yfcmf的js -->
<script src="__PUBLIC__/others/bootstrap.min.js"></script>
<script src="__PUBLIC__/others/jquery.form.js"></script>
<script src="__PUBLIC__/layer/layer_zh-cn.js"></script>
<script src="__PUBLIC__/others/maxlength.js"></script>
<script src="__PUBLIC__/yfcmf/yfcmf.js"></script>
<script src="http://static.geetest.com/static/tools/gt.js"></script>
<script>
    var handler = function (captchaObj) {
        captchaObj.appendTo("#captcha");
        captchaObj.onSuccess(function () {
            //验证成功执行
        });
        captchaObj.onReady(function () {
            //加载完毕执行
        });
    };
    $.ajax({
        url: "{:geetest_url()}?t=" + (new Date()).getTime(),
        type: "get",
        dataType: "json",
        success: function (data) {
            initGeetest({
                gt: data.gt,
                challenge: data.challenge,
                product: "float",
                offline: !data.success
            }, handler);
        }
    });
</script>
<!-- 如果为触屏,则引入jquery.mobile -->
<script type="text/javascript">
    if('ontouchstart' in document.documentElement) document.write("<script src='__PUBLIC__/others/jquery.mobile.custom.min.js'>"+"<"+"/script>");
</script>
</body>
</html>